<template>
  <div>
    <div id="write" class="is-node">
      <p>
        <span>Q:这个在线裁判系统使用什么样的编译器和编译选项?</span>
        <span>A:系统运行于</span>
        <a href="http://www.debian.org/">
          <span>Debian</span>
        </a>
        <span>/</span>
        <a href="http://www.ubuntu.com/">
          <span>Ubuntu</span>
        </a>
        <span>Linux. 使用</span>
        <a href="http://gcc.gnu.org/">
          <span>GNU GCC/G++</span>
        </a>
        <span>作为C/C++编译器,</span>
        <a href="http://www.freepascal.org/">
          <span>Free Pascal</span>
        </a>
        <span>作为pascal 编译器 ，用</span>
        <a href="http://openjdk.java.net/">
          <span>openjdk-7</span>
        </a>
        <span>编译 Java. 对应的编译选项如下:</span>
      </p>
      <figure>
        <table>
          <thead>
            <tr>
              <th>
                <span>C:</span>
              </th>
              <th>
                <span>gcc Main.c -o Main -fno-asm -O2 -Wall -lm --static -std=c99 -DONLINE_JUDGE</span>
              </th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td>
                <span>C++:</span>
              </td>
              <td>
                <span>g++ -fno-asm -Wall -lm --static -std=c++11 -DONLINE_JUDGE -o Main Main.cc</span>
              </td>
            </tr>
            <tr>
              <td>
                <span>Pascal:</span>
              </td>
              <td>
                <span>fpc Main.pas -oMain -O1 -Co -Cr -Ct -Ci</span>
              </td>
            </tr>
            <tr>
              <td>
                <span>Java:</span>
              </td>
              <td>
                <span>javac -J-Xms32m -J-Xmx256m Main.java *Java has 2 more seconds and 512M more memory when running and judging.</span>
              </td>
            </tr>
          </tbody>
        </table>
      </figure>
      <p>
        <span>编译器版本为（系统可能升级编译器版本，这里直供参考）:</span>
        <span>gcc (Ubuntu/Linaro 4.4.4-14ubuntu5) 4.4.5</span>
        <span>glibc 2.3.6</span>
        <span>Free Pascal Compiler version 2.4.0-2 [2010/03/06] for i386</span>
        <span>java version "1.6.0_22"</span>
      </p>
      <hr>
      <p>
        <span>Q:程序怎样取得输入、进行输出?</span>
        <span>A:你的程序应该从标准输入 stdin('Standard Input')获取输入，并将结果输出到标准输出 stdout('Standard Output').例如,在C语言可以使用 'scanf' ，在C++可以使用'cin' 进行输入；在C使用 'printf' ，在C++使用'cout'进行输出.</span>
      </p>
      <p>
        <span>用户程序不允许直接读写文件, 如果这样做可能会判为运行时错误 "Runtime Error"。</span>
      </p>
      <p>
        <span>下面是 1000题的参考答案</span>
      </p>
      <p>
        <span>C++:</span>
      </p>
      <pre spellcheck="false" class="md-fences md-end-block ty-contain-cm modeLoaded" lang=""><div class="CodeMirror cm-s-inner CodeMirror-wrap" lang=""><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 0px; left: 8px;"><textarea
  autocorrect="off"
  autocapitalize="off"
  spellcheck="false"
  tabindex="0"
  style="position: absolute; bottom: -1em; padding: 0px; width: 1000px; height: 1em; outline: none;"
></textarea></div><div
  class="CodeMirror-scrollbar-filler"
  cm-not-content="true"
></div><div
  class="CodeMirror-gutter-filler"
  cm-not-content="true"
></div><div
  class="CodeMirror-scroll"
  tabindex="-1"
><div
  class="CodeMirror-sizer"
  style="margin-left: 0px; margin-bottom: 0px; border-right-width: 0px; padding-right: 0px; padding-bottom: 0px;"
><div style="position: relative; top: 0px;"><div class="CodeMirror-lines" role="presentation"><div role="presentation" style="position: relative; outline: none;"><div class="CodeMirror-measure"></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div
  class="CodeMirror-code"
  role="presentation"
  style=""
><div class="CodeMirror-activeline" style="position: relative;"><div class="CodeMirror-activeline-background CodeMirror-linebackground"></div><div
  class="CodeMirror-gutter-background CodeMirror-activeline-gutter"
  style="left: 0px; width: 0px;"
></div><pre
  class="CodeMirror-line"
  role="presentation"
><span role="presentation" style="padding-right: 0.1px;">#include &lt;iostream&gt;</span></pre></div><pre
  class="CodeMirror-line"
  role="presentation"
><span role="presentation" style="padding-right: 0.1px;">using namespace std;</span></pre><pre
  class="CodeMirror-line"
  role="presentation"
><span role="presentation" style="padding-right: 0.1px;">int main(){</span></pre><pre
  class="CodeMirror-line"
  role="presentation"
><span role="presentation" style="padding-right: 0.1px;"> &nbsp;  int a,b;</span></pre><pre
  class="CodeMirror-line"
  role="presentation"
><span role="presentation" style="padding-right: 0.1px;"> &nbsp;  while(cin &gt;&gt; a &gt;&gt; b)</span></pre><pre
  class="CodeMirror-line"
  role="presentation"
><span
  role="presentation"
  style="padding-right: 0.1px;"
> &nbsp; &nbsp; &nbsp;  cout &lt;&lt; a+b &lt;&lt; endl;</span></pre><pre
  class="CodeMirror-line"
  role="presentation"
><span role="presentation" style="padding-right: 0.1px;"><span class="cm-tab" role="presentation" cm-text="	">    </span>return 0;</span></pre><pre
  class="CodeMirror-line"
  role="presentation"
><span role="presentation" style="padding-right: 0.1px;">}</span></pre></div></div></div></div></div><div
  style="position: absolute; height: 0px; width: 1px; border-bottom: 0px solid transparent; top: 179px;"
></div><div
  class="CodeMirror-gutters"
  style="display: none; height: 179px;"
></div></div></div></pre>
      <p>
        <span>C:</span>
        <span>PASCAL:</span>
      </p>
      <pre spellcheck="false" class="md-fences md-end-block ty-contain-cm modeLoaded" lang=""><div class="CodeMirror cm-s-inner CodeMirror-wrap" lang=""><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 0px; left: 8px;"><textarea
  autocorrect="off"
  autocapitalize="off"
  spellcheck="false"
  tabindex="0"
  style="position: absolute; bottom: -1em; padding: 0px; width: 1000px; height: 1em; outline: none;"
></textarea></div><div
  class="CodeMirror-scrollbar-filler"
  cm-not-content="true"
></div><div
  class="CodeMirror-gutter-filler"
  cm-not-content="true"
></div><div
  class="CodeMirror-scroll"
  tabindex="-1"
><div
  class="CodeMirror-sizer"
  style="margin-left: 0px; margin-bottom: 0px; border-right-width: 0px; padding-right: 0px; padding-bottom: 0px;"
><div style="position: relative; top: 0px;"><div class="CodeMirror-lines" role="presentation"><div role="presentation" style="position: relative; outline: none;"><div class="CodeMirror-measure"><pre><span>xxxxxxxxxx</span></pre></div><div
  class="CodeMirror-measure"
></div><div style="position: relative; z-index: 1;"></div><div
  class="CodeMirror-code"
  role="presentation"
  style=""
><div class="CodeMirror-activeline" style="position: relative;"><div class="CodeMirror-activeline-background CodeMirror-linebackground"></div><div
  class="CodeMirror-gutter-background CodeMirror-activeline-gutter"
  style="left: 0px; width: 0px;"
></div><pre
  class="CodeMirror-line"
  role="presentation"
><span role="presentation" style="padding-right: 0.1px;">program p1001(Input,Output); </span></pre></div><pre
  class="CodeMirror-line"
  role="presentation"
><span role="presentation" style="padding-right: 0.1px;">var </span></pre><pre
  class="CodeMirror-line"
  role="presentation"
><span role="presentation" style="padding-right: 0.1px;">  a,b:Integer; </span></pre><pre
  class="CodeMirror-line"
  role="presentation"
><span role="presentation" style="padding-right: 0.1px;">begin </span></pre><pre
  class="CodeMirror-line"
  role="presentation"
><span role="presentation" style="padding-right: 0.1px;"> &nbsp; while not eof(Input) do </span></pre><pre
  class="CodeMirror-line"
  role="presentation"
><span role="presentation" style="padding-right: 0.1px;"> &nbsp; &nbsp; begin </span></pre><pre
  class="CodeMirror-line"
  role="presentation"
><span role="presentation" style="padding-right: 0.1px;"> &nbsp; &nbsp; &nbsp; Readln(a,b); </span></pre><pre
  class="CodeMirror-line"
  role="presentation"
><span role="presentation" style="padding-right: 0.1px;"> &nbsp; &nbsp; &nbsp; Writeln(a+b); </span></pre><pre
  class="CodeMirror-line"
  role="presentation"
><span role="presentation" style="padding-right: 0.1px;"> &nbsp; &nbsp; end; </span></pre><pre
  class="CodeMirror-line"
  role="presentation"
><span role="presentation" style="padding-right: 0.1px;">end.</span></pre></div></div></div></div></div><div
  style="position: absolute; height: 0px; width: 1px; border-bottom: 0px solid transparent; top: 224px;"
></div><div
  class="CodeMirror-gutters"
  style="display: none; height: 224px;"
></div></div></div></pre>
      <p>&nbsp;</p>
      <p>&nbsp;</p>
      <hr>
      <p>
        <span>Q:为什么我的程序在自己的电脑上正常编译，而系统告诉我编译错误!A</span>
      </p>
      <hr>
      <p>
        <span>Q:系统返回信息都是什么意思?A</span>
      </p>
      <p>
        <span>Pending Rejudge: 因为数据更新或其他原因，系统将重新判你的答案.</span>
      </p>
      <p>
        <span>Compiling : 正在编译.</span>
      </p>
      <p>
        <span>Running &amp; Judging: 正在运行和判断.</span>
      </p>
      <p>
        <span>Accepted : 程序通过!</span>
      </p>
      <p>
        <span>Presentation Error : 答案基本正确，但是格式不对。</span>
      </p>
      <p>
        <span>Wrong Answer : 答案不对，仅仅通过样例数据的测试并不一定是正确答案，一定还有你没想到的地方.</span>
      </p>
      <p>
        <span>Time Limit Exceeded : 运行超出时间限制，检查下是否有死循环，或者应该有更快的计算方法。</span>
      </p>
      <p>
        <span>Memory Limit Exceeded : 超出内存限制，数据可能需要压缩，检查内存是否有泄露。</span>
      </p>
      <p>
        <span>Output Limit Exceeded: 输出超过限制，你的输出比正确答案长了两倍.</span>
      </p>
      <p>
        <span>Runtime Error : 运行时错误，非法的内存访问，数组越界，指针漂移，调用禁用的系统函数。请点击后获得详细输出。</span>
      </p>
      <p>
        <span>Compile Error : 编译错误，请点击后获得编译器的详细输出。</span>
      </p>
      <p>&nbsp;</p>
      <hr>
    </div>
  </div>
</template>

<script>
export default {
  name: "Help",
  data() {
    return {};
  }
};
</script>

<style lang="less" scoped>

    iframe {
      margin: auto;
    }

    a.url {
      word-break: break-all;
    }

    a:active,
    a:hover {
      outline: 0px;
    }

    .in-text-selection,
    ::selection {
      text-shadow: none;
      background: var(--select-text-bg-color);
      color: var(--select-text-font-color);
    }

    #write {
      margin: 0px auto;
      height: auto;
      width: inherit;
      word-break: normal;
      overflow-wrap: break-word;
      position: relative;
      white-space: normal;
      overflow-x: visible;
    }

    #write.first-line-indent p {
      text-indent: 2em;
    }

    #write.first-line-indent li p,
    #write.first-line-indent p * {
      text-indent: 0px;
    }

    #write.first-line-indent li {
      margin-left: 2em;
    }

    .for-image #write {
      padding-left: 8px;
      padding-right: 8px;
    }

    .typora-export .footnote-line,
    .typora-export li,
    .typora-export p {
      white-space: pre-wrap;
    }

    @media screen and (max-width: 500px) {


      #write {
        padding-left: 0px;
        padding-right: 0px;
      }

      .CodeMirror-sizer {
        margin-left: 0px !important;
      }

      .CodeMirror-gutters {
        display: none !important;
      }
    }

    #write li>figure:last-child {
      margin-bottom: 0.5rem;
    }

    #write ol,
    #write ul {
      position: relative;
    }

    img {
      max-width: 100%;
      vertical-align: middle;
    }

    button,
    input,
    select,
    textarea {
      color: inherit;
      font: inherit;
    }

    input[type="checkbox"],
    input[type="radio"] {
      line-height: normal;
      padding: 0px;
    }

    *,
    ::after,
    ::before {
      box-sizing: border-box;
    }

    #write h1,
    #write h2,
    #write h3,
    #write h4,
    #write h5,
    #write h6,
    #write p,
    #write pre {
      width: inherit;
    }

    #write h1,
    #write h2,
    #write h3,
    #write h4,
    #write h5,
    #write h6,
    #write p {
      position: relative;
    }

    p {
      line-height: inherit;
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
      break-after: avoid-page;
      break-inside: avoid;
      orphans: 2;
    }

    p {
      orphans: 4;
    }

    h1 {
      font-size: 2rem;
    }

    h2 {
      font-size: 1.8rem;
    }

    h3 {
      font-size: 1.6rem;
    }

    h4 {
      font-size: 1.4rem;
    }

    h5 {
      font-size: 1.2rem;
    }

    h6 {
      font-size: 1rem;
    }

    .md-math-block,
    .md-rawblock,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    p {
      margin-top: 1rem;
      margin-bottom: 1rem;
    }

    .hidden {
      display: none;
    }

    .md-blockmeta {
      color: rgb(204, 204, 204);
      font-weight: 700;
      font-style: italic;
    }

    a {
      cursor: pointer;
    }

    sup.md-footnote {
      padding: 2px 4px;
      background-color: rgba(238, 238, 238, 0.7);
      color: rgb(85, 85, 85);
      border-radius: 4px;
      cursor: pointer;
    }

    sup.md-footnote a,
    sup.md-footnote a:hover {
      color: inherit;
      text-transform: inherit;
      text-decoration: inherit;
    }

    #write input[type="checkbox"] {
      cursor: pointer;
      width: inherit;
      height: inherit;
    }

    figure {
      overflow-x: auto;
      margin: 1.2em 0px;
      max-width: calc(100% + 16px);
      padding: 0px;
    }

    figure>table {
      margin: 0px !important;
    }

    tr {
      break-inside: avoid;
      break-after: auto;
    }

    thead {
      display: table-header-group;
    }

    table {
      border-collapse: collapse;
      border-spacing: 0px;
      width: 100%;
      overflow: auto;
      break-inside: auto;
      text-align: left;
    }

    table.md-table td {
      min-width: 32px;
    }

    .CodeMirror-gutters {
      border-right: 0px;
      background-color: inherit;
    }

    .CodeMirror-linenumber {
      user-select: none;
    }

    .CodeMirror {
      text-align: left;
    }

    .CodeMirror-placeholder {
      opacity: 0.3;
    }

    .CodeMirror pre {
      padding: 0px 4px;
    }

    .CodeMirror-lines {
      padding: 0px;
    }

    div.hr:focus {
      cursor: none;
    }

    #write pre {
      white-space: pre-wrap;
    }

    #write.fences-no-line-wrapping pre {
      white-space: pre;
    }

    #write pre.ty-contain-cm {
      white-space: normal;
    }

    .CodeMirror-gutters {
      margin-right: 4px;
    }

    .md-fences {
      font-size: 0.9rem;
      display: block;
      break-inside: avoid;
      text-align: left;
      overflow: visible;
      white-space: pre;
      background: inherit;
      position: relative !important;
    }

    .md-diagram-panel {
      width: 100%;
      margin-top: 10px;
      text-align: center;
      padding-top: 0px;
      padding-bottom: 8px;
      overflow-x: auto;
    }

    #write .md-fences.mock-cm {
      white-space: pre-wrap;
    }

    .md-fences.md-fences-with-lineno {
      padding-left: 0px;
    }

    #write.fences-no-line-wrapping .md-fences.mock-cm {
      white-space: pre;
      overflow-x: auto;
    }

    .md-fences.mock-cm.md-fences-with-lineno {
      padding-left: 8px;
    }

    .CodeMirror-line,
    twitterwidget {
      break-inside: avoid;
    }

    .footnotes {
      opacity: 0.8;
      font-size: 0.9rem;
      margin-top: 1em;
      margin-bottom: 1em;
    }

    .footnotes+.footnotes {
      margin-top: 0px;
    }

    .md-reset {
      margin: 0px;
      padding: 0px;
      border: 0px;
      outline: 0px;
      vertical-align: top;
      background: 0px 0px;
      text-decoration: none;
      text-shadow: none;
      float: none;
      position: static;
      width: auto;
      height: auto;
      white-space: nowrap;
      cursor: inherit;
      -webkit-tap-highlight-color: transparent;
      line-height: normal;
      font-weight: 400;
      text-align: left;
      box-sizing: content-box;
      direction: ltr;
    }

    li div {
      padding-top: 0px;
    }

    blockquote {
      margin: 1rem 0px;
    }

    li .mathjax-block,
    li p {
      margin: 0.5rem 0px;
    }

    li {
      margin: 0px;
      position: relative;
    }

    blockquote> :last-child {
      margin-bottom: 0px;
    }

    blockquote> :first-child,
    li> :first-child {
      margin-top: 0px;
    }

    .footnotes-area {
      color: rgb(136, 136, 136);
      margin-top: 0.714rem;
      padding-bottom: 0.143rem;
      white-space: normal;
    }

    #write .footnote-line {
      white-space: pre-wrap;
    }

    @media print {

      body,
      html {
        border: 1px solid transparent;
        height: 99%;
        break-after: avoid;
        break-before: avoid;
      }

      #write {
        margin-top: 0px;
        padding-top: 0px;
        border-color: transparent !important;
      }

      .typora-export * {
        -webkit-print-color-adjust: exact;
      }

      html.blink-to-pdf {
        font-size: 13px;
      }

      .typora-export #write {
        padding-left: 32px;
        padding-right: 32px;
        padding-bottom: 0px;
        break-after: avoid;
      }

      .typora-export #write::after {
        height: 0px;
      }
    }

    .footnote-line {
      margin-top: 0.714em;
      font-size: 0.7em;
    }

    a img,
    img a {
      cursor: pointer;
    }

    pre.md-meta-block {
      font-size: 0.8rem;
      min-height: 0.8rem;
      white-space: pre-wrap;
      background: rgb(204, 204, 204);
      display: block;
      overflow-x: hidden;
    }

    p>.md-image:only-child:not(.md-img-error) img,
    p>img:only-child {
      display: block;
      margin: auto;
    }

    p>.md-image:only-child {
      display: inline-block;
      width: 100%;
    }

    #write .MathJax_Display {
      margin: 0.8em 0px 0px;
    }

    .md-math-block {
      width: 100%;
    }

    .md-math-block:not(:empty)::after {
      display: none;
    }

    [contenteditable="true"]:active,
    [contenteditable="true"]:focus {
      outline: 0px;
      box-shadow: none;
    }

    .md-task-list-item {
      position: relative;
      list-style-type: none;
    }

    .task-list-item.md-task-list-item {
      padding-left: 0px;
    }

    .md-task-list-item>input {
      position: absolute;
      top: 0px;
      left: 0px;
      margin-left: -1.2em;
      margin-top: calc(1em - 10px);
      border: none;
    }

    .math {
      font-size: 1rem;
    }

    .md-toc {
      min-height: 3.58rem;
      position: relative;
      font-size: 0.9rem;
      border-radius: 10px;
    }

    .md-toc-content {
      position: relative;
      margin-left: 0px;
    }

    .md-toc-content::after,
    .md-toc::after {
      display: none;
    }

    .md-toc-item {
      display: block;
      color: rgb(65, 131, 196);
    }

    .md-toc-item a {
      text-decoration: none;
    }

    .md-toc-inner:hover {
      text-decoration: underline;
    }

    .md-toc-inner {
      display: inline-block;
      cursor: pointer;
    }

    .md-toc-h1 .md-toc-inner {
      margin-left: 0px;
      font-weight: 700;
    }

    .md-toc-h2 .md-toc-inner {
      margin-left: 2em;
    }

    .md-toc-h3 .md-toc-inner {
      margin-left: 4em;
    }

    .md-toc-h4 .md-toc-inner {
      margin-left: 6em;
    }

    .md-toc-h5 .md-toc-inner {
      margin-left: 8em;
    }

    .md-toc-h6 .md-toc-inner {
      margin-left: 10em;
    }

    @media screen and (max-width: 48em) {
      .md-toc-h3 .md-toc-inner {
        margin-left: 3.5em;
      }

      .md-toc-h4 .md-toc-inner {
        margin-left: 5em;
      }

      .md-toc-h5 .md-toc-inner {
        margin-left: 6.5em;
      }

      .md-toc-h6 .md-toc-inner {
        margin-left: 8em;
      }
    }

    a.md-toc-inner {
      font-size: inherit;
      font-style: inherit;
      font-weight: inherit;
      line-height: inherit;
    }

    .footnote-line a:not(.reversefootnote) {
      color: inherit;
    }

    .md-attr {
      display: none;
    }

    .md-fn-count::after {
      content: ".";
    }

    code,
    pre,
    samp,
    tt {
      font-family: var(--monospace);
    }

    kbd {
      margin: 0px 0.1em;
      padding: 0.1em 0.6em;
      font-size: 0.8em;
      color: rgb(36, 39, 41);
      background: rgb(255, 255, 255);
      border: 1px solid rgb(173, 179, 185);
      border-radius: 3px;
      box-shadow: rgba(12, 13, 14, 0.2) 0px 1px 0px, rgb(255, 255, 255) 0px 0px 0px 2px inset;
      white-space: nowrap;
      vertical-align: middle;
    }

    .md-comment {
      color: rgb(162, 127, 3);
      opacity: 0.8;
      font-family: var(--monospace);
    }

    code {
      text-align: left;
      vertical-align: initial;
    }

    a.md-print-anchor {
      white-space: pre !important;
      border-width: initial !important;
      border-style: none !important;
      border-color: initial !important;
      display: inline-block !important;
      position: absolute !important;
      width: 1px !important;
      right: 0px !important;
      outline: 0px !important;
      background: 0px 0px !important;
      text-decoration: initial !important;
      text-shadow: initial !important;
    }

    .md-inline-math .MathJax_SVG .noError {
      display: none !important;
    }

    .html-for-mac .inline-math-svg .MathJax_SVG {
      vertical-align: 0.2px;
    }

    .md-math-block .MathJax_SVG_Display {
      text-align: center;
      margin: 0px;
      position: relative;
      text-indent: 0px;
      max-width: none;
      max-height: none;
      min-height: 0px;
      min-width: 100%;
      width: auto;
      overflow-y: hidden;
      display: block !important;
    }

    .MathJax_SVG_Display,
    .md-inline-math .MathJax_SVG_Display {
      width: auto;
      margin: inherit;
      display: inline-block !important;
    }

    .MathJax_SVG .MJX-monospace {
      font-family: var(--monospace);
    }

    .MathJax_SVG .MJX-sans-serif {
      font-family: sans-serif;
    }

    .MathJax_SVG {
      display: inline;
      font-style: normal;
      font-weight: 400;
      line-height: normal;
      zoom: 90%;
      text-indent: 0px;
      text-align: left;
      text-transform: none;
      letter-spacing: normal;
      word-spacing: normal;
      overflow-wrap: normal;
      white-space: nowrap;
      float: none;
      direction: ltr;
      max-width: none;
      max-height: none;
      min-width: 0px;
      min-height: 0px;
      border: 0px;
      padding: 0px;
      margin: 0px;
    }

    .MathJax_SVG * {
      transition: none 0s ease 0s;
    }

    .MathJax_SVG_Display svg {
      vertical-align: middle !important;
      margin-bottom: 0px !important;
      margin-top: 0px !important;
    }

    .os-windows.monocolor-emoji .md-emoji {
      font-family: "Segoe UI Symbol", sans-serif;
    }

    .md-diagram-panel>svg {
      max-width: 100%;
    }

    [lang="mermaid"] svg,
    [lang="flow"] svg {
      max-width: 100%;
      height: auto;
    }

    [lang="mermaid"] .node text {
      font-size: 1rem;
    }

    table tr th {
      border-bottom: 0px;
    }

    video {
      max-width: 100%;
      display: block;
      margin: 0px auto;
    }

    iframe {
      max-width: 100%;
      width: 100%;
      border: none;
    }

    .highlight td,
    .highlight tr {
      border: 0px;
    }


    .CodeMirror {
      height: auto;
    }

    .CodeMirror.cm-s-inner {
      background: inherit;
    }

    .CodeMirror-scroll {
      overflow: auto hidden;
      z-index: 3;
    }

    .CodeMirror-gutter-filler,
    .CodeMirror-scrollbar-filler {
      background-color: rgb(255, 255, 255);
    }

    .CodeMirror-gutters {
      border-right: 1px solid rgb(221, 221, 221);
      background: inherit;
      white-space: nowrap;
    }

    .CodeMirror-linenumber {
      padding: 0px 3px 0px 5px;
      text-align: right;
      color: rgb(153, 153, 153);
    }

    .cm-s-inner .cm-keyword {
      color: rgb(119, 0, 136);
    }

    .cm-s-inner .cm-atom,
    .cm-s-inner.cm-atom {
      color: rgb(34, 17, 153);
    }

    .cm-s-inner .cm-number {
      color: rgb(17, 102, 68);
    }

    .cm-s-inner .cm-def {
      color: rgb(0, 0, 255);
    }

    .cm-s-inner .cm-variable {
      color: rgb(0, 0, 0);
    }

    .cm-s-inner .cm-variable-2 {
      color: rgb(0, 85, 170);
    }

    .cm-s-inner .cm-variable-3 {
      color: rgb(0, 136, 85);
    }

    .cm-s-inner .cm-string {
      color: rgb(170, 17, 17);
    }

    .cm-s-inner .cm-property {
      color: rgb(0, 0, 0);
    }

    .cm-s-inner .cm-operator {
      color: rgb(152, 26, 26);
    }

    .cm-s-inner .cm-comment,
    .cm-s-inner.cm-comment {
      color: rgb(170, 85, 0);
    }

    .cm-s-inner .cm-string-2 {
      color: rgb(255, 85, 0);
    }

    .cm-s-inner .cm-meta {
      color: rgb(85, 85, 85);
    }

    .cm-s-inner .cm-qualifier {
      color: rgb(85, 85, 85);
    }

    .cm-s-inner .cm-builtin {
      color: rgb(51, 0, 170);
    }

    .cm-s-inner .cm-bracket {
      color: rgb(153, 153, 119);
    }

    .cm-s-inner .cm-tag {
      color: rgb(17, 119, 0);
    }

    .cm-s-inner .cm-attribute {
      color: rgb(0, 0, 204);
    }

    .cm-s-inner .cm-header,
    .cm-s-inner.cm-header {
      color: rgb(0, 0, 255);
    }

    .cm-s-inner .cm-quote,
    .cm-s-inner.cm-quote {
      color: rgb(0, 153, 0);
    }

    .cm-s-inner .cm-hr,
    .cm-s-inner.cm-hr {
      color: rgb(153, 153, 153);
    }

    .cm-s-inner .cm-link,
    .cm-s-inner.cm-link {
      color: rgb(0, 0, 204);
    }

    .cm-negative {
      color: rgb(221, 68, 68);
    }

    .cm-positive {
      color: rgb(34, 153, 34);
    }

    .cm-header,
    .cm-strong {
      font-weight: 700;
    }

    .cm-del {
      text-decoration: line-through;
    }

    .cm-em {
      font-style: italic;
    }

    .cm-link {
      text-decoration: underline;
    }

    .cm-error {
      color: red;
    }

    .cm-invalidchar {
      color: red;
    }

    .cm-constant {
      color: rgb(38, 139, 210);
    }

    .cm-defined {
      color: rgb(181, 137, 0);
    }

    div.CodeMirror span.CodeMirror-matchingbracket {
      color: rgb(0, 255, 0);
    }

    div.CodeMirror span.CodeMirror-nonmatchingbracket {
      color: rgb(255, 34, 34);
    }

    .cm-s-inner .CodeMirror-activeline-background {
      background: inherit;
    }

    .CodeMirror {
      position: relative;
      overflow: hidden;
    }

    .CodeMirror-scroll {
      height: 100%;
      outline: 0px;
      position: relative;
      box-sizing: content-box;
      background: inherit;
    }

    .CodeMirror-sizer {
      position: relative;
    }

    .CodeMirror-gutter-filler,
    .CodeMirror-hscrollbar,
    .CodeMirror-scrollbar-filler,
    .CodeMirror-vscrollbar {
      position: absolute;
      z-index: 6;
      display: none;
    }

    .CodeMirror-vscrollbar {
      right: 0px;
      top: 0px;
      overflow: hidden;
    }

    .CodeMirror-hscrollbar {
      bottom: 0px;
      left: 0px;
      overflow: hidden;
    }

    .CodeMirror-scrollbar-filler {
      right: 0px;
      bottom: 0px;
    }

    .CodeMirror-gutter-filler {
      left: 0px;
      bottom: 0px;
    }

    .CodeMirror-gutters {
      position: absolute;
      left: 0px;
      top: 0px;
      padding-bottom: 30px;
      z-index: 3;
    }

    .CodeMirror-gutter {
      white-space: normal;
      height: 100%;
      box-sizing: content-box;
      padding-bottom: 30px;
      margin-bottom: -32px;
      display: inline-block;
    }

    .CodeMirror-gutter-wrapper {
      position: absolute;
      z-index: 4;
      background: 0px 0px !important;
      border: none !important;
    }

    .CodeMirror-gutter-background {
      position: absolute;
      top: 0px;
      bottom: 0px;
      z-index: 4;
    }

    .CodeMirror-gutter-elt {
      position: absolute;
      cursor: default;
      z-index: 4;
    }

    .CodeMirror-lines {
      cursor: text;
    }

    .CodeMirror pre {
      border-radius: 0px;
      border-width: 0px;
      background: 0px 0px;
      font-family: inherit;
      font-size: inherit;
      margin: 0px;
      white-space: pre;
      overflow-wrap: normal;
      color: inherit;
      z-index: 2;
      position: relative;
      overflow: visible;
    }

    .CodeMirror-wrap pre {
      overflow-wrap: break-word;
      white-space: pre-wrap;
      word-break: normal;
    }

    .CodeMirror-code pre {
      border-right: 30px solid transparent;
      width: fit-content;
    }

    .CodeMirror-wrap .CodeMirror-code pre {
      border-right: none;
      width: auto;
    }

    .CodeMirror-linebackground {
      position: absolute;
      left: 0px;
      right: 0px;
      top: 0px;
      bottom: 0px;
      z-index: 0;
    }

    .CodeMirror-linewidget {
      position: relative;
      z-index: 2;
      overflow: auto;
    }

    .CodeMirror-wrap .CodeMirror-scroll {
      overflow-x: hidden;
    }

    .CodeMirror-measure {
      position: absolute;
      width: 100%;
      height: 0px;
      overflow: hidden;
      visibility: hidden;
    }

    .CodeMirror-measure pre {
      position: static;
    }

    .CodeMirror div.CodeMirror-cursor {
      position: absolute;
      visibility: hidden;
      border-right: none;
      width: 0px;
    }

    .CodeMirror div.CodeMirror-cursor {
      visibility: hidden;
    }

    .CodeMirror-focused div.CodeMirror-cursor {
      visibility: inherit;
    }

    .cm-searching {
      background: rgba(255, 255, 0, 0.4);
    }

    @media print {
      .CodeMirror div.CodeMirror-cursor {
        visibility: hidden;
      }
    }

    #write {
      margin: 0px auto;
    }

    #write>ul:first-child,
    #write>ol:first-child {
      margin-top: 30px;
    }

    a {
      color: rgb(65, 131, 196);
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
      position: relative;
      margin-top: 1rem;
      margin-bottom: 1rem;
      font-weight: bold;
      line-height: 1.4;
      cursor: text;
    }

    h1:hover a.anchor,
    h2:hover a.anchor,
    h3:hover a.anchor,
    h4:hover a.anchor,
    h5:hover a.anchor,
    h6:hover a.anchor {
      text-decoration: none;
    }

    h1 tt,
    h1 code {
      font-size: inherit;
    }

    h2 tt,
    h2 code {
      font-size: inherit;
    }

    h3 tt,
    h3 code {
      font-size: inherit;
    }

    h4 tt,
    h4 code {
      font-size: inherit;
    }

    h5 tt,
    h5 code {
      font-size: inherit;
    }

    h6 tt,
    h6 code {
      font-size: inherit;
    }

    h1 {
      padding-bottom: 0.3em;
      font-size: 2.25em;
      line-height: 1.2;
      border-bottom: 1px solid rgb(238, 238, 238);
    }

    h2 {
      padding-bottom: 0.3em;
      font-size: 1.75em;
      line-height: 1.225;
      border-bottom: 1px solid rgb(238, 238, 238);
    }

    h3 {
      font-size: 1.5em;
      line-height: 1.43;
    }

    h4 {
      font-size: 1.25em;
    }

    h5 {
      font-size: 1em;
    }

    h6 {
      font-size: 1em;
      color: rgb(119, 119, 119);
    }

    p,
    blockquote,
    ul,
    ol,
    dl,
    table {
      margin: 0.8em 0px;
    }

    li>ol,
    li>ul {
      margin: 0px;
    }

    hr {
      height: 2px;
      padding: 0px;
      margin: 16px 0px;
      background-color: rgb(231, 231, 231);
      border: 0px none;
      overflow: hidden;
      box-sizing: content-box;
    }

    li p.first {
      display: inline-block;
    }

    ul,
    ol {
      padding-left: 30px;
    }

    ul:first-child,
    ol:first-child {
      margin-top: 0px;
    }

    ul:last-child,
    ol:last-child {
      margin-bottom: 0px;
    }

    blockquote {
      border-left: 4px solid rgb(223, 226, 229);
      padding: 0px 15px;
      color: rgb(119, 119, 119);
    }

    blockquote blockquote {
      padding-right: 0px;
    }

    table {
      padding: 0px;
      word-break: initial;
    }

    table tr {
      border-top: 1px solid rgb(223, 226, 229);
      margin: 0px;
      padding: 0px;
    }

    table tr:nth-child(2n),
    thead {
      background-color: rgb(248, 248, 248);
    }

    table tr th {
      font-weight: bold;
      border-width: 1px 1px 0px;
      border-top-style: solid;
      border-right-style: solid;
      border-left-style: solid;
      border-top-color: rgb(223, 226, 229);
      border-right-color: rgb(223, 226, 229);
      border-left-color: rgb(223, 226, 229);
      border-image: initial;
      border-bottom-style: initial;
      border-bottom-color: initial;
      margin: 0px;
      padding: 6px 13px;
    }

    table tr td {
      border: 1px solid rgb(223, 226, 229);
      margin: 0px;
      padding: 6px 13px;
    }

    table tr th:first-child,
    table tr td:first-child {
      margin-top: 0px;
    }

    table tr th:last-child,
    table tr td:last-child {
      margin-bottom: 0px;
    }

    .CodeMirror-lines {
      padding-left: 4px;
    }

    .code-tooltip {
      box-shadow: rgba(0, 28, 36, 0.3) 0px 1px 1px 0px;
      border-top: 1px solid rgb(238, 242, 242);
    }

    .md-fences,
    code,
    tt {
      border: 1px solid rgb(231, 234, 237);
      background-color: rgb(248, 248, 248);
      border-radius: 3px;
      padding: 2px 4px 0px;
      font-size: 0.9em;
    }

    code {
      background-color: rgb(243, 244, 244);
      padding: 0px 2px;
    }

    .md-fences {
      margin-bottom: 15px;
      margin-top: 15px;
      padding-top: 8px;
      padding-bottom: 6px;
    }

    .md-task-list-item>input {
      margin-left: -1.3em;
    }

    @media print {
      html {
        font-size: 13px;
      }

      table,
      pre {
        break-inside: avoid;
      }

      pre {
        overflow-wrap: break-word;
      }
    }

    .md-fences {
      background-color: rgb(248, 248, 248);
    }

    #write pre.md-meta-block {
      padding: 1rem;
      font-size: 85%;
      line-height: 1.45;
      background-color: rgb(247, 247, 247);
      border: 0px;
      border-radius: 3px;
      color: rgb(119, 119, 119);
      margin-top: 0px !important;
    }

    .mathjax-block>.code-tooltip {
      bottom: 0.375rem;
    }

    .md-mathjax-midline {
      background: rgb(250, 250, 250);
    }

    #write>h3.md-focus::before {
      left: -1.5625rem;
      top: 0.375rem;
    }

    #write>h4.md-focus::before {
      left: -1.5625rem;
      top: 0.285714rem;
    }

    #write>h5.md-focus::before {
      left: -1.5625rem;
      top: 0.285714rem;
    }

    #write>h6.md-focus::before {
      left: -1.5625rem;
      top: 0.285714rem;
    }

    .md-image>.md-meta {
      border-radius: 3px;
      padding: 2px 0px 0px 4px;
      font-size: 0.9em;
      color: inherit;
    }

    .md-tag {
      color: rgb(167, 167, 167);
      opacity: 1;
    }

    .md-toc {
      margin-top: 20px;
      padding-bottom: 20px;
    }

    .sidebar-tabs {
      border-bottom: none;
    }

    #typora-quick-open {
      border: 1px solid rgb(221, 221, 221);
      background-color: rgb(248, 248, 248);
    }

    #typora-quick-open-item {
      background-color: rgb(250, 250, 250);
      border-color: rgb(254, 254, 254) rgb(229, 229, 229) rgb(229, 229, 229) rgb(238, 238, 238);
      border-style: solid;
      border-width: 1px;
    }

    .on-focus-mode blockquote {
      border-left-color: rgba(85, 85, 85, 0.12);
    }

    header,
    .context-menu,
    .megamenu-content,
    footer {
      font-family: "Segoe UI", Arial, sans-serif;
    }

    .file-node-content:hover .file-node-icon,
    .file-node-content:hover .file-node-open-state {
      visibility: visible;
    }

    .mac-seamless-mode #typora-sidebar {
      background-color: var(--side-bar-bg-color);
    }

    .md-lang {
      color: rgb(180, 101, 77);
    }

    .html-for-mac .context-menu {
      --item-hover-bg-color: #E6F0FE;
    }

    #md-notification .btn {
      border: 0px;
    }

    .dropdown-menu .divider {
      border-color: rgb(229, 229, 229);
    }

    .ty-preferences .window-content {
      background-color: rgb(250, 250, 250);
    }

    .ty-preferences .nav-group-item.active {
      color: white;
      background: rgb(153, 153, 153);
    }

    .typora-export li,
    .typora-export p,
    .typora-export,
    .footnote-line {
      white-space: normal;
    }
</style>